import axios from 'axios'
import store from '@/store/index.js'
import JSONbig from 'json-bigint'
import router from '@/router'
// 创建一个axios实例, 进行基本的配置初始化, http是包含了原有的axios的功能, 并初始化了一些配置
const http = axios.create({
  baseURL: 'http://toutiao.itheima.net/',
  // baseURL: 'http://toutiao-app.itheima.net/',
  // baseURL: 'http://toutiao.cn.utools.club/',
  timeout: 5000,
  transformResponse: [function (data) {
    // data => 原始的后台返回的 json 字符串数据
    // 这里的方法, 会覆盖axios默认对于返回结果的处理, 默认进行的是 JSON.parse
    // 需要进行的是 JSONbig.parse

    // 后台返回的有可能不是 json字符串, JSONbig 解析就会报错, 不合理的, 需要处理
    try {
      return JSONbig.parse(data)
    } catch (err) {
      // 如果解析不了, 说明不是json格式, 原样输出
      return data
    }
  }]

})

// 添加请求拦截器
http.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  const token = store.state.user.userToken.token
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 响应拦截器
// 添加响应拦截器
http.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, async function (error) {
  // 对响应错误做点什么, 如果响应错误是 401
  if (error.response.status === 401) {
    // 发生了 token 失效, 做token失效处理
    // 1 检查有没有 refresh_token
    const refreshToken = store.state.user.userToken.refresh_token
    if (refreshToken) {
      try {
        // (1) 有refreshToken, 用refreshToken请求新token, 重新获取一个新的有效期为2小时的token
        const res = await axios({
          method: 'put',
          url: 'http://toutiao.itheima.net/v1_0/authorizations',
          headers: {
            Authorization: `Bearer ${refreshToken}`
          }
        })
        const newToken = res.data.data.token
        // (2) 更新vuex的token
        store.commit('user/setUserToken', {
          refresh_token: refreshToken,
          token: newToken
        })
        // (3) 重新使用我们创建的http实例, 再次发送请求
        return http(error.config)
      } catch {
        console.log('使用refresh_token获取新token失败')
        // 清除本地token跳转路由
        store.commit('user/removeToken')
        // 路由跳转, 进入登录页
        router.push({
          path: '/login',
          query: {
            backto: router.currentRoute.fullPath
          }
        })
      }
    } else {
      // 没有refreshToken, 跳转到登录 (将来希望还能回来)
      // console.log(router.currentRoute)
      store.commit('user/removeToken')
      router.push({
        path: '/login',
        query: {
          backto: router.currentRoute.fullPath
        }
      })
    }
  }
  return Promise.reject(error)
})

export default http
